<%@ page language="java" pageEncoding="UTF-8"%>
<!-- Header Area Start -->
<header class="header headery-style-1">
	<div class="header-top header-top-1">
		<div class="container">
			<div class="row no-gutters align-items-center">
				<div class="col-lg-8 d-flex align-items-center flex-column flex-lg-row">
					<ul class="social social-round mr--20">
						<li class="social__item"><a href="/https://twitter.com" class="social__link"> <i class="fa fa-twitter"></i>
						</a></li>
						<li class="social__item"><a href="/https://plus.google.com" class="social__link"> <i class="fa fa-google-plus"></i>
						</a></li>
						<li class="social__item"><a href="/https://facebook.com" class="social__link"> <i class="fa fa-facebook"></i>
						</a></li>
						<li class="social__item"><a href="/https://youtube.com" class="social__link"> <i class="fa fa-youtube"></i>
						</a></li>
						<li class="social__item"><a href="/https://instagram.com" class="social__link"> <i class="fa fa-instagram"></i>
						</a></li>
					</ul>
					<p class="header-text">
						Discount 2% on all domestic orders with coupon code <span>“SDDL2020”</span>
					</p>
				</div>
				<div class="col-lg-4">
					<div class="header-top-nav d-flex justify-content-lg-end justify-content-center">
						<div class="language-selector header-top-nav__item">
							<div class="dropdown header-top__dropdown">
								<a class="dropdown-toggle" id="languageID" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> EN-GB <i class="fa fa-angle-down"></i>
								</a>
								<div class="dropdown-menu" aria-labelledby="languageID">
									<a id="lang" class="dropdown-item"><img src="/assets/img/header/1.jpg" alt="English"> English</a>
								</div>
							</div>
						</div>
						<div class="currency-selector header-top-nav__item">
							<div class="dropdown header-top__dropdown">

								<a class="dropdown-toggle" id="currencyID" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> USD <i class="fa fa-angle-down"></i>
								</a>
								<div class="dropdown-menu" aria-labelledby="currencyID">
									<a id="curr" class="dropdown-item" href="#">&dollar; Us Dollar</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="header-middle header-top-1">
		<div class="container">
			<div class="row no-gutters align-items-center">
				<div class="col-md-5 col-sm-6 order-lg-1 order-2">
					<div class="contact-info">
						<img src="/assets/img/icons/icon_phone.png" alt="Phone Icon">
						<p>
							Email us <br> Free Support 7-by-24 : aininihe@163.com
						</p>
					</div>
				</div>
				<div class="col-lg-2 col-12 order-lg-2 order-1 text-center">
					<a href="/" class="logo-box mb-md--30"> <img src="/assets/img/logo/logo.png" alt="logo">
					</a>
				</div>
				<div class="col-lg-5 col-md-7 col-sm-6 order-lg-3 order-3">
					<div class="header-toolbar">
						<ul class="header-toolbar-icons">
							<li class="search-box"><a id="search" href="/wishlist.jsp" class="bordered-icon search-btn"><i class="icon_search"></i></a></li>
							<li class="wishlist-icon"><a id="wish" href="/wishlist.jsp" class="bordered-icon"><i class="fa fa-heart"></i></a></li>
							<li class="mini-cart-icon">
								<div class="mini-cart mini-cart--1">
									<a class="mini-cart__dropdown-toggle bordered-icon" id="cartDropdown"> <span class="mini-cart__count">0</span> <i class="icon_cart_alt mini-cart__icon"></i> <span class="mini-cart__ammount"><i class="fa fa-angle-down"></i></span>
									</a>
									<div class="mini-cart__dropdown-menu">
										<div class="mini-cart__content" id="miniCart">
											<div class="mini-cart__item">
												<div class="mini-cart__item--single">
													<div class="mini-cart__item--image">
														<img src="/assets/img/products/1-1-450x450.jpg" alt="product">
													</div>
													<div class="mini-cart__item--content">
														<h4 class="mini-cart__item--name">
															<a href="/product-details.jsp">Dell Inspiron 24</a>
														</h4>
														<p class="mini-cart__item--price">$100.00</p>
													</div>
													<a class="mini-cart__item--remove" href=""><i class="icon_close"></i></a>
												</div>
												<div class="mini-cart__item--single">
													<div class="mini-cart__item--image">
														<img src="/assets/img/products/2-2-450x450.jpg" alt="product">
													</div>
													<div class="mini-cart__item--content">
														<h4 class="mini-cart__item--name">
															<a href="/product-details.jsp">Acer Aspire AIO <br>-<small>Color Swatch Black</small></a>
														</h4>
														<p class="mini-cart__item--price">$100.00</p>
													</div>
													<a class="mini-cart__item--remove" href=""><i class="icon_close"></i></a>
												</div>
											</div>
											<div class="mini-cart__btn">
												<a href="/cart.jsp" class="btn btn-fullwidth btn-style-1">View Cart</a> <a href="/checkout.jsp" class="btn btn-fullwidth btn-style-1">Checkout</a>
											</div>

										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="header-bottom header-top-1 position-relative navigation-wrap fixed-header">
		<div class="container position-static">
			<div class="row">
				<div class="col-12 position-static text-center">
					<nav class="main-navigation">
						<ul class="mainmenu">
							<li class="mainmenu__item active"><a href="/" class="mainmenu__link">Home</a></li>
							<li class="mainmenu__item menu-item-has-children"><a href="/shop.jsp" class="mainmenu__link">Collections</a>
								<ul class="megamenu five-column">
									<li><a class="megamenu-title" href="#">Artist Series</a>
										<ul>
											<li><a href="/product/artist/01/" target="_blank">Mercury Virgo</a></li>
											<li><a href="/product/artist/02/" target="_blank">Venus Taurus</a></li>
											<li><a href="/product/artist/03/" target="_blank">Jupiter Aquarius</a></li>
											<li><a href="/product/artist/04/" target="_blank">Neptune Pisces</a></li>
										</ul></li>
									<li><a class="megamenu-title" href="#">Classic</a>
										<ul>
											<li><a href="/product/classic/01/" target="_blank">Sorrowful Brahma</a></li>
											<li><a href="/product/classic/02/" target="_blank">Chirrupy Vishnu</a></li>
											<li><a href="/product/classic/03/" target="_blank">Moodily Shiva</a></li>
										</ul></li>
									<li><a class="megamenu-title" href="#">Sports Series</a>
										<ul>
											<li><a href="/product/sport/01/" target="_blank">Forty Seven</a></li>
											<li><a href="/product/sport/02/" target="_blank">Number Eighteen</a></li>
										</ul></li>
									<li><a class="megamenu-title" href="#">Metal Series</a>
										<ul>
											<li><a href="/product-details.jsp" target="_blank">Tab Style One</a></li>
											<li><a href="/product-details-tab-style-2.jsp" target="_blank">Tab Style Two</a></li>
											<li><a href="/product-details-tab-style-3.jsp" target="_blank">Tab Style Three</a></li>
											<li><a href="/product-details-sticky-left.jsp" target="_blank">Sticky Left</a></li>
											<li><a href="/product-details-sticky-right.jsp" target="_blank">Sticky Right</a></li>
										</ul></li>
									<li><a class="megamenu-title" href="#">Leather Series</a>
										<ul>
											<li><a href="/product-details-gallery-left.jsp" target="_blank">Gallery Left</a></li>
											<li><a href="/product-details-gallery-right.jsp" target="_blank">Gallery Right</a></li>
											<li><a href="/product-details-slider-box.jsp" target="_blank">Slider Box</a></li>
											<li><a href="/product-details-slider-full-width.jsp" target="_blank">Full Width Slider</a></li>
										</ul></li>
								</ul></li>
							<li class="mainmenu__item menu-item-has-children has-children"><a href="#" class="mainmenu__link">Customer Service</a>
								<ul class="sub-menu">
									<li><a href="/customer/care.jsp" target="_blank">Care & Maintenance</a></li>
									<li><a href="/customer/warranty.jsp" target="_blank">Warranty</a></li>
									<li><a href="/customer/tehnical.jsp" target="_blank">Tehnical Information</a></li>
								</ul></li>
							<li class="mainmenu__item menu-item-has-children has-children"><a href="#" class="mainmenu__link">Pages</a>
								<ul class="sub-menu">
									<li><a href="/cart.jsp">Cart</a></li>
									<li><a href="/checkout.jsp">Checkout</a></li>
									<li><a href="/compare.jsp">compare</a></li>
									<li><a href="/wishlist.jsp">wishlist</a></li>
									<li><a href="/my-account.jsp">my account</a></li>
									<li><a href="404.jsp">404</a></li>
									<li><a href="/faq.jsp">Faq</a></li>
									<li><a href="/login-register.jsp">Login Register</a></li>
								</ul></li>
							<li class="mainmenu__item"><a href="/about.jsp" class="mainmenu__link" target="_blank">About Us</a></li>
							<li class="mainmenu__item"><a href="/contact.jsp" class="mainmenu__link" target="_blank">contact Us</a></li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="row no-gutters">
				<div class="col-12">
					<div class="mobile-menu"></div>
				</div>
			</div>
		</div>
	</div>
</header>
<!-- Header Area End -->
